<!------------------------
 *@name Vue.js
 *@author Jo.gel
 *@date 2020/3/16 0016
 -------------------------->
<template>
  <div class="Test">
    <i class="icon iconfont iconCompany">iconCompany</i>
    <i class="icon iconfont iconAccount">iconAccount</i>
    <i class="icon iconfont iconExit">iconExit</i>
    <i class="icon iconfont iconChange">iconChange</i>
    <i class="icon iconfont iconShop">iconShop</i>
    <i class="icon iconfont iconDepartment">iconDepartment</i>
    <i class="icon iconfont iconCalendar">iconCalendar</i>
    <i class="icon iconfont iconCheck">iconCheck</i>
    <i class="icon iconfont iconSearch">iconSearch</i>
    <i class="icon iconfont iconUpload">iconUpload</i>
    <i class="icon iconfont iconInvisible">iconInvisible</i>
    <i class="icon iconfont iconFold">iconFold</i>
    <i class="icon iconfont iconUnfold">iconUnfold</i>
    <i class="icon iconfont iconTo">iconTo</i>
    <i class="icon iconfont iconRemove">iconRemove</i>
    <i class="icon iconfont iconName">iconName</i>
    <i class="icon iconfont iconAdd">iconAdd</i>
    <i class="icon iconfont iconView">iconView</i>
    <i class="icon iconfont iconAddress">iconAddress</i>
    <i class="icon iconfont iconBack">iconBack</i>
    <i class="icon iconfont iconPhone">iconPhone</i>
    <i class="icon iconfont iconMos">iconMos</i>

    <i class="icon iconfont iconhuiyuanzhongxin">iconhuiyuanzhongxin</i>
    <i class="icon iconfont iconpingtaiguanli">iconpingtaiguanli</i>
    <i class="icon iconfont iconshangchengzhongxin">iconshangchengzhongxin</i>
    <i class="icon iconfont iconquanyizhongxin">iconquanyizhongxin</i>
    <i class="icon iconfont iconquanyizhongxin">iconquanyizhongxin</i>
    <i class="icon iconfont iconshujufuwu">iconshujufuwu</i>
    <i class="icon iconfont iconshangpinzhongxin">iconshangpinzhongxin</i>
    <i class="icon iconfont iconxitongshezhi">iconxitongshezhi</i>
    <i class="icon iconfont iconbaobiao">iconbaobiao</i>
    <i class="icon iconfont iconSuccess">iconSuccess</i>
    <i class="icon iconfont iconInfo">iconInfo</i>
    <i class="icon iconfont iconWarning">iconWarning</i>
    <i class="icon iconfont iconDownward">iconDownward</i>
    <i class="icon iconfont iconClose">iconClose</i>
    <i class="icon iconfont iconDown1">iconDown1</i>
    <i class="icon iconfont iconUpward">iconUpward</i>
    <i class="icon iconfont iconDropdownUnfold">iconDropdownUnfold</i>
    <i class="icon iconfont iconTreeUnfold-copy">iconTreeUnfold-copy</i>
    <i class="icon iconfont iconLeft">iconLeft</i>
    <i class="icon iconfont iconDown">iconDown</i>
    <i class="icon iconfont iconRight">iconRight</i>
    <i class="icon iconfont iconUp">iconUp</i>
    <i class="icon iconfont iconTreeFold">iconTreeFold</i>
    <i class="icon iconfont iconMore">iconMore</i>
    <i class="icon iconfont iconLocked">iconLocked</i>
    <i class="icon iconfont iconEdit">iconEdit</i>
  </div>
</template>
<script>
  export default {
    name: 'Test',
    components: {},
    data() {
      return {
        msg: 'Hello world Test VueJS',
      }
    },
    methods: {},
  }
</script>
<style lang="scss" scoped>
  .Test i {
    display: inline-block;
    float: left;
    width: 25%;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
</style>
